/*
 * Copyright (c) 2012-2021 Contributors to the Eclipse Foundation
 * 
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

/*
  This is a simplified version of /server_gui/WebContent/template/css/ismSamples.css with white background
*/

body {
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 75%;
        color: #222;
        background-color: white;
        margin: 0px;
        height: 100%;
}

h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
}

a {
    color: #00649d;
    text-decoration: none;
}

.demoHeaderPrimary {
        background-color: #333;
        height: 38px;
        background-image : -moz-linear-gradient(#3E3E3E, #131313);
        background-image : -webkit-gradient(linear, 0% 0%, 0% 100%,  #3E3E3E, #131313);
        background-image : -webkit-linear-gradient(#3E3E3E, #131313);
        background-image : -o-linear-gradient(#3E3E3E, #131313);
}

.demoHeaderLogoBox {
        width: 91px;
        height: 37px;
        background-color: #222;
        background-image : -moz-linear-gradient(#282828, black);
        background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282828), to(black));
        background-image : -webkit-linear-gradient(#282828, black);
        background-image : -o-linear-gradient(#282828, black);
        -webkit-box-shadow: -1px 0px #585858;
        -moz-box-shadow: 1px 0px #585858;
        box-shadow: -1px 0px #585858;
        border-left: 1px solid #131313;
        margin: 0;
        padding: 0;
        float: right;
        display: block;
}

.demoHeaderIBMLogo {
        display: inline;
        float: right;
        width: 80px;
        height: 38px;
        margin-top: 7px;
        background: url('headerLogo.png') no-repeat 35% 23%;
}

.demoHeaderPrimaryTitle {
        font-size: 1.08em;
        color: white;
        font-weight: bold;
        text-shadow: 0 1px rgba(0, 0, 0, 0.3);
        margin: 8px;
        padding: 0 9px 0 10px;
    float: left;

}

.demoBlueLip {
        clear: left;
        display: block;
        height: 4px;
        background-image : -moz-linear-gradient(#1A96C6, #0075A3);
        background-image : -webkit-gradient(linear, 0% 0%, 0% 100%,  #1A96C6, #0075A3);
        background-image : -webkit-linear-gradient(#1A96C6, #0075A3);
        background-image : -o-linear-gradient(#1A96C6, #0075A3);
        background-image : -ms-linear-gradient(#1A96C6,#0075A3);
}

.demoGrayLip {
        clear: left;
        display: block;
        height: 4px;
        background-image : -moz-linear-gradient(#eeeeee, #aaaaaa);
        background-image : -webkit-gradient(linear, 0% 0%, 0% 100%,  #eeeeee, #aaaaaa);
        background-image : -webkit-linear-gradient(#eeeeee, #aaaaaa);
        background-image : -o-linear-gradient(#eeeeee, #aaaaaa);
    background-image : -ms-linear-gradient(#eeeeee, #aaaaaa);
}

.demoTitleContainer {
        background: white;
        padding-left: 30px;
}

.demoTitle {
        font-size: 2.0em;
        font-family: Georgia, serif;
        font-weight: bold;
}

.demoSLSidebarContainer {
        float: left;
        margin-right: 0px;
        padding: 20px 0px;
        background-color: white;
}
.demoSLMainContainer {
        overflow: auto;
        padding: 10px 20px 80px;  /* If the footer requires more than 80 pixels in height, increase the bottom padding number. */
        background-color: white;
}

.demoFooter {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        background: white;
}

.demoFooterContent {
        margin: 10px;
        font-family: Verdana, sans-serif;
        font-size: 0.8em;
}

.dataTable td {
    padding: 0 15px 2px 0;
}
.dataLabel {
    font-color: #aaaaaa;
    padding-right: 10px;
}

.dataValue {
    font-weight: bold;
}


